<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" href="css/20210310-5 百度案例.css">
</head>
<body>
<div class="logo">
    <img class="img1" src="./img/1.png" alt="图片显示失败">
</div>
<div class="text">
    <h3>用科技</h3>
    <p>让简单的世界更复杂</p>
</div>
<div class="tip">
    <ul>
        <li>帮助中心</li>
        <li>|</li>
        <li>
            <img class="img2" src="./img/2.png" alt="图片显示失败">
        </li>
        <li>2021@baidu</li>
    </ul>
</div>
<div class="content">
    <div>
        <h3 class="welcome">欢迎登录</h3>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${msg }
        <p class="id">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已有帐号？
            <a href="">登录</a>
        </p>
    </div>
    <form action="./login" method="post">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>用户名</span><input class="text2" type="text" id="username" name="username"
                                                             placeholder="请输入用户名"><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>手机号</span><input class="text2" type="text" id="phone"
                                                             placeholder="可用于登录和找回密码"><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>密&nbsp;&nbsp;&nbsp;码</span><input class="text2" type="password"
                                                                              id="password" name="password"
                                                                              placeholder="请输入密码"><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>验证码</span><input class="text3" type="text" id="check" placeholder="请输入验证码">&nbsp;&nbsp;&nbsp;<input
            class="text4" type="button" onclick="text4()" value="获取验证码"><br>
        <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="sumbit zhuce" type="sumbit">登录</button>
        <br><br>
    </form>
    <div class="read">
        <input type="checkbox">阅读并接受
        <a href="">《百度用户协议》</a>及
        <a href="">《百度隐私权保护声明》</a>
    </div>
</div>
<script type="text/javascript">
    function text4() {
        document.getElementById("check").value = "tr87";
    }
</script>
</body>
</html>